<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<title>WE COPYRIGHT CHAIN FOUNDATION LTD.- Registered</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<link rel="icon" type="image/x-icon" th:href="@{~/images/favicon.ico}">
<link th:href="@{/css/bootstrap.css}" rel='stylesheet' type='text/css'/>
<link th:href="@{/css/font-awesome.css}" rel="stylesheet"> 
<link rel="stylesheet" th:href="@{/css/slider.css}">
<link th:href="@{/css/style.css}" rel='stylesheet' type='text/css' />	
<link rel="stylesheet" type="text/css" th:href="@{/css/mislider.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/css/mislider-skin-cameo.css}"/>
</head>
	<body style="position: relative;">
	<div id="" style="position: relative;">
	

	<div class="top_banner" id="topl">
		<!-- SVG Arrows -->
		<div class="svg-wrap">
			<svg width="64" height="64" viewBox="0 0 64 64">
				<path id="arrow-left" d="M46.077 55.738c0.858 0.867 0.858 2.266 0 3.133s-2.243 0.867-3.101 0l-25.056-25.302c-0.858-0.867-0.858-2.269 0-3.133l25.056-25.306c0.858-0.867 2.243-0.867 3.101 0s0.858 2.266 0 3.133l-22.848 23.738 22.848 23.738z" />
			</svg>
			<svg width="64" height="64" viewBox="0 0 64 64">
				<path id="arrow-right" d="M17.919 55.738c-0.858 0.867-0.858 2.266 0 3.133s2.243 0.867 3.101 0l25.056-25.302c0.858-0.867 0.858-2.269 0-3.133l-25.056-25.306c-0.858-0.867-2.243-0.867-3.101 0s-0.858 2.266 0 3.133l22.848 23.738-22.848 23.738z" />
			</svg>
		</div>
		<div class="top_header_agile_info_w3ls">
		  <nav class="navbar navbar-default">
				<div class="navbar-header navbar-left">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">copyright</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<h1>
					<a class="navbar-brand" href="company_en.html"  th:href="@{/company_en.html}"><img  style="margin-top:4px;" src="../static/images/logoll.png" th:src="@{~/images/logoll.png}"/></a><span class="ospan">Register</span>
					</h1>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<style type="text/css">
	.m_nav li>a {color: #FFFFff;}
	.top_header_agile_info_w3ls{border-bottom: 1px solid #ccc;}
	.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{color: #666;}
	.ospan{margin: 15px; display: inline-block;color:#FFFFff;font-weight:0;}
</style>
					<!-- <div id="m_nav_container" class="m_nav wthree_bg">
						<nav class="menu menu--sebastian">
							<ul id="m_nav_list" class="m_nav menu__list">
								

								<li class="m_nav_item" id="moble_nav_item_6"> <a href="login.html" class="link link--kumya"><span data-letters="登录/注册">登录/注册</span></a></li>
							</ul>
						</nav>
					</div> -->

					</nav>
				</div>
		</div>
	
	
		<!--<div class="sleekslider" id="home">
	
			<div class="slide active bg-1">
				
			</div>	
		</div>	-->
		
		
      <!--welcome-->
 </div>
	</div>

<style type="text/css">
	.formd{padding-top: 120px; min-height: 892px;}
</style>
<div class="formd">
	

<div class=" container">
	
<div class="box col-md-offset-3 col-sm-8" style="margin-top: 40px;">
      <!--<p id="title">
      	<span class="select">找回密码</span>
    </p>-->
     
  <style type="text/css">
       	.select{    float: left;
    padding: 0 20px;
    text-align: center;
    border-bottom: 2px solid #00ACEE!important;
    margin-left: 20px;
    color: #00ACEE;
    }
    
        #title{
      line-height: 40px;
      font-size: 16px;
      font-weight: bold;
      overflow: hidden;
    }
    #title span{
      float: left;
     padding: 0 20px;
      text-align: center;
      border: 1px solid #fff;
      margin-left: 20px;
    }
  
    #content{
      /*margin-top: 20px;*/
    }
    .reg_left{margin-top: 0; padding-top: 0!important;}
    #content li{

      overflow: hidden;
      display: none;
    }
 
  
    #content .show{
      display: block;
    }
       </style>
     
      <ul id="content">
        <li class="show">
           <div class="log-wrap cl">
                <div class="log-content cl">
                    <div class="wpl pos cl">
                        <div class="log-row-cx cl">
                        	<div class="reg_left pos col-lg-8">
                            <form  method="post" class="regForm" onsubmit="return false" id="sign-up-form">
                            <input type="hidden" th:value="${session.token}" name="token">
                                <div class="reg_cont_input">
                                	<label class="login-icon pos">
										<i class="fa fa-phone fa-2x fss"></i>
                                        <input type="tel" name="phone" autocomplete="off" class="log-input mls" datatype="phone" maxlength="11" autocomplete="off" placeholder="Please enter the cell phone number">
                                        <div class="Validform_checktip"></div>
									</label>
                                    <label class="login-icon pos">
                                        <i class="fa  fa-envelope fa-2x fss"></i>
                                        <input type="email" name="email" autocomplete="off" class="log-input mls" datatype="email" autocomplete="off" placeholder="Please enter the eamil number">
                                        <div class="Validform_checktip"></div>
                                    </label>
                                   <label class="login-icon fg-code pos">
                                            <i class=" fss log-i fa fa-pencil-square-o fa-2x"></i>
                                            <input id="forgot-code" type="text" name="vrifyCode" maxlength="4" autocomplete="off" placeholder="Please enter the verification code" class="log-input-half login-pwd mls log-input" style="margin-left: 40px!important;">
                                        </label>
                                        <div class="fg-code-wp"> 
                                            <span class="fg-code-pic" style="margin-left: 15%;">
                                                <img style="height: 40px" alt="Verification Code" onclick = "this.src='/auth/defaultKaptcha?d='+new Date()*1" th:src="@{/auth/defaultKaptcha}" />
                                            </span>
                                           <!--  <a class="fg-code-t" href="javascript:;" onclick="this.previousSbiling.firstChild.onclick">换一张</a> -->
                                        </div>
									<label class="login-icon fg-code pos">
                                            <i class=" fss log-i fa fa-commenting fa-2x"></i>
                                            <input id="forgot-code" type="text" name="smsCode" maxlength="6" autocomplete="off" placeholder="Please enter the verification code" class="log-input-half login-pwd mls log-input" style="margin-left: 40px!important;">
                                        </label>
                                        <div class="fg-code-wp"> 
                                            <button class="btn btn-default" id="btnSendCode" style="border-radius: 0; padding: 9px 12px; margin-left: 15%;width: 260px;" onclick="sendSmsCode()"> Getting SMS authentication code</button>
                                        </div>
                                    <label class="login-icon fg-code pos">
                                        <i class=" fss log-i fa fa-comment fa-2x"></i>
                                        <input id="forgot-code" type="text" name="emsCode" maxlength="6" autocomplete="off" placeholder="Please enter the verification code" class="log-input-half login-pwd mls log-input" style="margin-left: 40px!important;">
                                    </label>
                                    <div class="fg-code-wp">
                                        <button class="btn btn-default" id="btnSendCodeEmail" style="border-radius: 0; padding: 9px 12px; margin-left: 15%;width: 260px;" onclick="sendEmailCode()"> Getting Email authentication code</button>
                                    </div>
                                  <div id="" style="clear: both;"> </div>
                                  	<label class="login-icon pos">
										<i class="fa fa-user fa-2x fss"></i>
                                        <input type="text" name="userName" autocomplete="off" maxlength="8" class="log-input mls" datatype="username" autocomplete="off" placeholder="Please enter one user name">
                                        <div class="Validform_checktip"></div>
									</label>
									<label class="login-icon pos">
										<i class="fa fa-unlock-alt fa-2x fss"></i>
                                        <input type="password" name="verifyCredential" maxlength="16" autocomplete="off" class="log-input mls" datatype=""  placeholder="Please input a password">
                                        <span style="color: #999;font-size: 13px;">8~16 bit "char"</span>
                                        <div class="Validform_checktip"></div>
									</label>
									<label class="login-icon pos">
										<i class="fa fa-unlock-alt fa-2x fss"></i>
                                        <input type="password" name="verifyCredential-true" maxlength="16" autocomplete="off" class="log-input mls" datatype=""  placeholder="Confirm the password">
                                        <div class="Validform_checktip"></div>
									</label>
                                  <div class="reg_checkboxline pos">
                                         <span class="z"> <input type="checkbox" id="agree" value="0"> </span>
                                         <p style="color: #999;">&nbsp;I have read and accept <a th:href="@{~/protocol_en.html}" style="color: #039;" target="_brack">《Registration Agreement》</a> </p>
                                    </div>
                                    <button type="button" class="lang-btn" onclick="signUp()">Immediate registration</button>
                                     <!-- <button type="button" lay-submit lay-filter="signUp" disabled="disabled" class="lang-btn">立即注册</button> -->
                                    <div class="lr_title_txt">
                                	<h2></h2>
                                	<span>Existing account？<a th:href="@{~/auth/loginPage_en.html}">Log in immediately</a></span>
                                </div>
                                </div>
                               </form>
                            </div><!-- .reg_left -->
                            <div class=" col-lg-1">
                            	
                            </div>
                          
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li>
        
    <link rel="stylesheet" type="text/css" th:href="@{/css/login-fluid.css}"/>    

        </li>
      </ul>
    </div>
</div>

</div>


<div style="clear: both;">
	
</div>
<div class="maskLayer">
    <div class="bounced" >
        <div class="backImg"><img url="../static/images/pic.png" th:src="@{~/images/pic.png}"/></div>
        <div class="text">
            <p style="line-height: 50px;text-align: center;"><span style="width:25px;height:4px;background: #0B8FC8;display: inline-block;"></span></p>
            <h3 style="font-size: 24px;">WELCOME</h3>
            <P style="font-size: 16px;line-height:30px;width:100%;text-align: left;text-indent:2em; word-break:break-all;">欢迎前往富矿交易所，富矿交易所是专门为海外华人打造的区块链资产交易平台,拥有安全合规的OTC、CEC以及法币交易服 务，富矿是您汇集财富的最佳选择！</P>
            <p style="font-size: 14px;line-height:30px;text-align: left;color:#999999;font-weight: 600;"><span class="yuan" onclick="noShow()" style="width:12px;height:12px;border-radius:50%;border: 2px solid #999999;display: inline-block;vertical-align:-1px;margin-right: 10px;"></span>不再显示此窗口</p>
            <div class="button"><span class="cancel" onclick="jumUser()">取消</span><span class="goExchange" onclick="goExchange()">去登陆</span></div>
        </div>
    </div>
</div>
<div id="loading">
    <img src="../static/images/loading2.gif" th:src="@{~/images/loading2.gif}">
</div>

<!-- footer -->
<div class="footer" >
    <div class="agileinfo_footer_bottom1" th:replace="footer_en::footer">
		</div>
	</div>
		

<!-- //footer -->
<!-- JavaScripts -->
<script type="text/javascript" th:src="@{/js/jquery-2.1.4.min.js}"></script>
<script type="text/javascript" th:src="@{/js/sleekslider.js}"></script>
<script type="text/javascript" th:src="@{/js/app.js}"></script>
<script th:src="@{/js/bootstrap.js}"></script>
<script th:src="@{/js/layer/layer.js}"></script>
<!-- //for bootstrap working -->
<script type="text/javascript">
//发送短信
var InterValObj; //timer变量，控制时间
var count = 60; //间隔函数，1秒执行
var curCount;//当前剩余秒数
var InterValObj_en; //timer变量，控制时间
var count_en = 60; //间隔函数，1秒执行
var curCount_en;//当前剩余秒数
// $(document.body).height($(window).height());
// $(document.body).css("overflow","hidden");
//短信验证码发送
function sendSmsCode(){
	var myreg = /^1[3|4|5|7|8][0-9]{9}$/;
	if(!myreg.test($("input[name='phone']").val())){
		layer.msg("The phone number is wrong");
		return false;
	}
	$.ajax({
		url : "/auth/sendSmsCode",
		type : "POST",
		data : {'phone':$("input[name='phone']").val(),'type':'1'},
		cache : false,
		success : function(data) {
			var jsondata = JSON.parse(data); 
			layer.msg(jsondata.msg);
			if(jsondata.status=="0"){
				//sessionStorage.setItem('phone', $("input[name='phone']").val());//记录接收短信的手机号，注册时做比较
				curCount = count;
				$("#btnSendCode").attr("disabled", "true");
				$("#btnSendCode").html( + curCount + "Second acquisition");
				InterValObj = setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
			}
		},
		error : function() {
			layer.msg("Server error");
		}
	});
}
//邮箱验证码发送
function sendEmailCode(){
    var myreg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
    if(!myreg.test($("input[name='email']").val())){
        layer.msg("The email number is wrong");
        return false;
    }
    $.ajax({
        url : "/auth/sendEmsCode",
        type : "POST",
        data : {'email':$("input[name='email']").val()},
        cache : false,
        success : function(data) {
            var jsondata = JSON.parse(data);
            layer.msg(jsondata.msg);
            curCount_en = count_en;
            $("#btnSendCodeEmail").attr("disabled", "true");
            $("#btnSendCodeEmail").html( + curCount_en + "Second acquisition");
            InterValObj_en = setInterval(SetRemainTimeEms, 1000); //启动计时器，1秒执行一次
        },
        error : function() {
            layer.msg("Server error");
        }
    });
}
//timer处理函数
function SetRemainTime() {
	if (curCount == 0) {                
		clearInterval(InterValObj);//停止计时器
		$("#btnSendCode").removeAttr("disabled");//启用按钮
		$("#btnSendCode").html("Resend the verifying code");
	}
	else {
		curCount--;
		$("#btnSendCode").html( + curCount + "Second acquisition");
	}
}

//timer处理函数
function SetRemainTimeEms() {
    if (curCount_en == 0) {
        clearInterval(InterValObj_en);//停止计时器
        $("#btnSendCodeEmail").removeAttr("disabled");//启用按钮
        $("#btnSendCodeEmail").html("Resend the verifying code");
    }
    else {
        curCount_en--;
        $("#btnSendCodeEmail").html( + curCount_en + "Second acquisition");
    }
}
//timer注册通道
function signUp(){
	//var phone = sessionStorage.getItem('phone');
	if($.trim($("input[name='phone']").val())==""){
		layer.msg("Cell phone number can not be empty");
		return false;
	}
    if($.trim($("input[name='email']").val())==""){
        layer.msg("Email can not be empty");
        return false;
    }
	if($.trim($("input[name='vrifyCode']").val())==""){
		layer.msg("The verifying code cannot be empty");
		return false;
	}
	if($.trim($("input[name='smsCode']").val())==""){
		layer.msg("Short message authentication code can not be empty");
		return false;
	}
    if($.trim($("input[name='emsCode']").val())==""){
        layer.msg("Email authentication code can not be empty");
        return false;
    }
	/* if($("input[name='phone']").val()!=phone){
		layer.msg("注册手机号与接收短信手机号不一致");
		return false;
	} */
	if($.trim($("input[name='userName']").val())==""){
		layer.msg("The username can not be empty");
		return false;
	}
	if($.trim($("input[name='verifyCredential']").val())==""){
		layer.msg("The password can not be empty");
		return false;
	}
	if($.trim($("input[name='verifyCredential-true']").val())!=$.trim($("input[name='verifyCredential']").val())){
		layer.msg("Two inconsistencies in cipher input");
		return false;
	}
	if(!$("#agree").is(':checked')) {
		layer.msg("Please agree to the registration agreement");
		return false;
	}
    $(document.body).height($(window).height());
    // $(document.body).css("overflow","hidden");
    $("#loading").height($(window).height()).show();
	$.ajax({
		url : "/user/signUp_en",
		type : "POST",
		data : $("#sign-up-form").serialize(),
		cache : false,
        success : function(data) {
            $("#loading").hide();
			var jsondata = JSON.parse(data);
			if(jsondata.status=="0"){
                $(".maskLayer").css("display","block");
				layer.msg(jsondata.msg);
			}else{
				layer.msg(jsondata.msg);
			}
		},
        complete: function(){
         $("#loading").hide();
        },
        error : function() {
            $("#loading").hide();
			layer.msg("Server error");
		}
	});
}
// 点击取消 跳转页面
function jumUser(){
    window.location.href="/user/userInfo_en.html";
}
// 点击跳转交易所
function goExchange(){
    /*//将多个值存放在对象中
    var userData = {
        'PHPSESSID': '3m2fm5uqceojpjq36ub10a7628',
        'REMEMBERME': "QXBwXEVudGl0eVxNZW1iZXI6Y0c5emRHMWhjM1JsY2tCM1pYWnZiSFYwYVc5dUxtTnU6MTUyNTM0NTUxMDoyNzA1NjJjYWNjZDFhNGUyYmJiMjA1MDEyM2ViZDQyYTFhOWI3MjcyZDNmZDg4YmIxYzM0Nzg5NWE0MjUxOTlm"
    }
//将这个对象保存在cookie,它的键是对象名称，值为JSON.stirng()，目的是将这个对象解析为字符串，因为cookie的键与值都是字符串
    $.cookie('userData' , JSON.stringify(userData));
    $.ajax({
        url : "/auth/loginfk",
        type : "POST",
        data : {'_username':'hong@wevolution.cn','_password':'13505257498zhl'},
        success : function(data) {
            var jsondata = JSON.parse(data);
            layer.msg(jsondata.msg);
            // window.location.href="https://www.richcore.com";
        },
        error : function() {
            layer.msg("Server error");
        }
    });*/
    $(document.body).height();
    window.location.href="https://www.richcore.com/sign-in";
}
//不再显示
var falge=true;
function  noShow(){
    if(falge){
        $('.text p .yuan').css({
            background:"#0B8FC8",
            borderColor:"#0B8FC8"
        })
        falge=false;
    }else{
        $('.text p .yuan').css({
            background:"#ffffff",
            borderColor:"#999999"
        })
        falge=true;
    }
}
</script>
</body>
</html>